 <!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: cwh
 * @LastEditTime: 2022-01-08 18:21:00
-->
<template>
  <div ref="left1_container" style="height: 95%"></div>
</template>
<script>
import { Line } from '@antv/g2plot'

export default {
  data(){
    return{
      dataArr: [ 
  {
    Date: "1月",
    scales: 23
  },
  {
  Date: "2月",
    scales: 24
  },
  {
    Date: "3月",
    scales: 23
  },
  {
    Date: "4月",
    scales: 25
  },
  {
    Date: "5月",
    scales: 30
  },
  ]
    }
  },
  mounted(){
    this.initChart()
  },
  methods:{
    initChart(){
    const line = new Line(this.$refs.left1_container,{
      data:this.dataArr,
      xField: 'Date',
      yField: 'scales',
      
    })
    line.render()
  }}
}
</script>




